<!--
 * @Descripttion: GGB
 * @version: 1.0
 * @Author: GGB
 * @Date: 2021-12-11 11:39:19
 * @LastEditors: GGB
 * @LastEditTime: 2021-12-11 12:08:35
-->
<template>
  <input
    type="text"
    @input="onInputChange"
    :value="todoTitle"
    v-bind="$attrs"
  />
</template>

<script>
export default {
  props: {
    todoTitle: {
      type: String,
      default: "",
    },
  },
  methods: {
    onInputChange(e) {
      this.$emit("update:todoTitle", e.target.value);
    },
  },
};
</script>

<style lang="scss" scoped></style>
